import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
//import QtQuick.Controls.Styles

import Shared

/*基础上GamePage.qml，所以有errorMessage,infoMessage。
  有1个title，1个ListView和2个GameButton。
*/
GamePage {
    /*QQ会重载吗？
    */
    function init()
    {
        console.log("show Key.qml")
    }

    RowLayout{
        id: row1
        anchors.top: parent.top

        Text {
            id: txt_push
            text: qsTr("正常")
            color: "green"
        }

        Button{
            id: btn_esc
            text: qsTr("取消")
            //color: pressed?red:green
            onClicked: {
                console.log("KEY_ESC");
                deviceHandler.key_to_periph(GameSettings.key_esc);
            }

//            style: ButtonStyle{
//                background: Rectangle{
//                    implicitWidth: parent.width;
//                    border.width: control.pressed ? 2: 1;
//                    border.color: (color.hovered || control.pressed) ?"green" :"red";
//                }
//            }
        }

        Button{
            id: btn_opt
            text: qsTr("选项")

            onClicked: {
                console.log("KEY_OPT");
                deviceHandler.key_to_periph(GameSettings.key_opt);
            }
        }

        Button{
            id: btn_mode
            text: qsTr("模式")

            onClicked: {
                console.log("KEY_MODE")
                deviceHandler.key_to_periph(GameSettings.key_mode);
            }
        }

        Button{
            id: btn_enter
            text: qsTr("确认")

            onClicked: {
                console.log("KEY_MODE")
                deviceHandler.key_to_periph(GameSettings.key_enter);
            }
        }
    }

    RowLayout{
        id: row2
        anchors.top: row1.bottom
        anchors.bottomMargin: 80

        Text {
            id: txt_push_l
            text: qsTr("长按")
            color: "green"
        }

        Button{
            id: btn_esc_l
            text: qsTr("长取消")

            onClicked: {
                console.log("KEY_ESC_L");
                deviceHandler.key_to_periph(GameSettings.key_esc_l);
            }
        }

        Button{
            id: btn_opt_l
            text: qsTr("长选项")

            onClicked: {
                console.log("KEY_OPT_L");
                deviceHandler.key_to_periph(GameSettings.key_opt_l);
            }
        }

        Button{
            id: btn_mode_l
            text: qsTr("长模式")

            onClicked: {
                console.log("KEY_MODE_L");
                deviceHandler.key_to_periph(GameSettings.key_mode_l);
            }
        }

        Button{
            id: btn_enter_l
            text: qsTr("长确认")

            onClicked: {
                console.log("KEY_ENTER_L");
                deviceHandler.key_to_periph(GameSettings.key_enter_l);
            }
        }
    }

    RowLayout{
        id: row3
        anchors.top: row2.bottom
        anchors.bottomMargin: 80

        Text {
            id: txt_push_combin
            text: qsTr("组合")
            color: "green"
        }

        Button{
            id: btn_opt_mode
            text: qsTr("选项+模式")

            onClicked: {
                console.log("KEY_OPT_MODE");
                deviceHandler.key_to_periph(GameSettings.key_opt_mode);
            }
        }

        Button{
            id: btn_mode_enter
            text: qsTr("模式+确认")

            onClicked: {
                console.log("KEY_MODE_ENTER");
                deviceHandler.key_to_periph(GameSettings.key_mode_enter);
            }
        }
    }



    //重启按钮
    RowLayout{
        id: row_rst
        anchors.top: row3.bottom
        anchors.topMargin: 200
        anchors.horizontalCenter: parent.horizontalCenter


        Button{
            id: btn_rst
            text: qsTr("重启仪表")

            onClicked: {
                console.log("KEY rst");
                deviceHandler.key_to_periph(GameSettings.vkey_rst); //按键值
            }
        }
    }
}
